import core.ui.Link;

/**
 * XCMS-styled link.
 */
class xcms.gui.Link extends core.ui.Link
{
    /**
     * Initializes the link.
     * @see core.ui.Link
     */
    this.Link = function( parent, x, y, width, height )
    {
        super( parent, x, y, width, height );
        this.setStyle( 'position', 'absolute' );
        this.setStyle( 'color', '#333333' );
        this.setStyle( 'text-decoration', 'none' );
        this.setStyle( 'font-family', 'Arial' );
        this.setStyle( 'font-size', '14px' );
        this.setHref( 'javascript:void(0)' );
    }

    this.onmouseover = function()
    {
        this.setStyle( 'color', '#fdb83a' );
    }

    this.onmouseout = function()
    {
        this.setStyle( 'color', '#333333' );
    }
}